/**用户的登录
 * 1收集并校验数据
 * 2提交数据
 * 缓存响应
 * 跳转页面
 */
document.querySelector('#btn-login').addEventListener('click',async ()=>{
    const form = document.querySelector('.login-form')
    const data = serialize(form,{hash:true,empty:true})
    // console.log(data);
    const {username,password} = data
    
     //非空校验
     if(username.trim() === '' || password.trim() ===''){
        showToast('账号和密码不能为空')
        return//阻断代码
    }
    //长度校验
    if(username.length<8 || username.length>30 || password.length<6 || password.length>30){
        showToast('用户名的长度为8-30个字符，密码长度为6-30个字符')
        return 
    }
    try{
        const res = await axios.post('/login',{username,password})
       console.log(res);
        showToast(res.message)
        // 缓存数据
        localStorage.setItem('token',res.data.token)
        localStorage.setItem('username',res.data.username)
        // 跳转页面
        setTimeout(()=>{
            location.href = './index.html'
        },1500)
    }catch(error){
        
        showToast(error.response.data.message)
    }
})